<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$item.order_number}</title>
    <style>
        body{text-align: center;}
        .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}
        .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}
        .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}
        .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}
        ul,li{ list-style: none;}
        li{ display: inline-block; line-height: 30px;}
    </style>
</head>
<div class="print">
    <style>
        body{text-align: center;}
        @page {
            size: auto;  /* auto is the initial value */
            margin: 40px 40px 0 40px; /* this affects the margin in the printer settings */
        }
        body td{ font-size: 20px;  white-space: nowrap;}
        .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000;}
        .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}
        .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}
        .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}
        ul,li{ list-style: none;}
        li{ display: inline-block; line-height: 30px;}
    </style>
    <div class="table-c" id="printArea">

        <table border="0" cellspacing="0" cellpadding="0" width="1024">
            <tr>
                <td>订单编号</td><td colspan="3">{$item.shop_order_number}</td><td>服务门店</td><td colspan="3">{$item.shop_title}</td>
            </tr>
            <tr>
                <td>买家账号</td><td>{$item.username}</td><td>是否认证</td><td>{:input('is_certification_text')}</td><td>下单/退款时间</td><td colspan="3">{$item.create_time}{in name="$item.status" value="10,11,12"} / {$item.refund_create_time}{/in}</td>
            </tr>
            <tr><td>绩效订单</td><td>{switch name="item.finance_order"}
                {case 1}业务员订单{/case}
                {case 2}二维码订单{/case}
                {case 3}门店订单{/case}
                {case 4}普通订单{/case}
                {default /}-
                {/switch}</td><td>订单状态</td><td>{switch name="item.status"}
                {case 1}未支付{/case}
                {case 2}已支付{/case}
                {case 3}已发货{/case}
                {case 4}已完成{/case}
                {case 5}待评价{/case}
                {case 10}退款中{/case}
                {case 11}退款成功{/case}
                {case 12}退款失败{/case}
                {case 20}已取消({$item.cancel_content}){/case}
                {/switch}</td><td>服务方式</td><td>{switch name="item.shipping"}{case 1}商家配送{/case}{case 2}到店自提{/case}{/switch}</td><td>总金额</td><td>{$item.amount}</td></tr>
        </tr>
            {volist name='item.goods_list' id='goods_list'}
            <tr align="center">
                <td>商品名称</td>
                <td>{$goods_list.title|default=''}</td>
                <td>购买数量</td>
                <td>{$goods_list.number|default=''}</td>
                <td>商品单价</td>
                <td>{$goods_list.price|default=''}</td>
                <td>商品总价</td>
                <td>{:number_format($goods_list.price*$goods_list.number,2,".","")}</td>


            </tr>
            {/volist}
            <tr><td>备注</td><td colspan="7">{$item.explain}</td></tr>
        </table>
        {if false}
        {if $item.is_free_order eq 2}
        <table class="table-c" border="0" cellspacing="0" cellpadding="0" width="1024" style="margin-top: 10px;">
            <tr><td>审核状态</td><td>一级审核</td><td>二级审核</td><td>三级审核</td></tr>
            <tr>
                <td class="td0">
                    {switch name="$item.auding_status"}
                    {case 1}等待审核{/case}
                    {case 2}审核成功{/case}
                    {case 3}审核失败{/case}
                    {/switch}
                </td>
                <td class="td1">
                    {switch name="$item.auding_status1"}
                    {case 1}等待审核{/case}
                    {case 2}审核成功{/case}
                    {case 3}审核失败{/case}
                    {/switch}
                </td>
                <td class="td2">
                    {switch name="$item.auding_status2"}
                    {case 1}等待审核{/case}
                    {case 2}审核成功{/case}
                    {case 3}审核失败{/case}
                    {/switch}
                </td>
                <td class="td3">
                    {switch name="$item.auding_status3"}
                    {case 1}等待审核{/case}
                    {case 2}审核成功{/case}
                    {case 3}审核失败{/case}
                    {/switch}
                </td>
            </tr>
        </table>
        {/if}
        {if condition="in_array($item.status,[10,11,12])"}
        <table class="table-c" border="0" cellspacing="0" cellpadding="0" width="1024" style="margin-top: 10px;">
            <tr align="center" style="font-size: 16px;">
                <td>申请者</td>
                <td>申请门店</td>
                <td>审核状态</td>
                <td>审核时间</td>
                <td>失败原因</td>
            </tr>
            {volist name='refund_order_audit_records' id='goods_list'}
            <tr align="center">
                <td>{$goods_list.username|default=''}</td>
                <td>{$goods_list.shop_title|default=''}</td>
                <td>
                    {switch name="$goods_list.status"}
                    {case 11}审核成功{/case}
                    {case 12}审核失败{/case}
                    {/switch}
                </td>
                <td>{$goods_list.create_time|default=''}</td>
                <td>{$goods_list.fail_explain|default=''}</td>
            </tr>
            {/volist}
        </table>

        {/if}
        {/if}

    </div>
</div>
<!--<button type="button"  class="btn btn-danger" id="sp2">重新选择</button>-->
<!--<button type="button"  class="btn btn-danger" id="sp">隐藏服务人员提成</button>-->
<button type="button"  class="btn btn-danger" id="btnPrint">打印订单</button>
<script src="http://www.w3school.com.cn/jquery/jquery.js"></script>
<script src="/jquery.PrintArea.js" type="text/JavaScript" language="javascript"></script>

<script>
    //    $("#sp").click(function(){
    //        $('.service_people').toggle();
    //
    //    });
    //var a =$.getScript("/get.js");
    //console.log(a);
    function haha() {
//    window.onload = function () {
//    var a =$.getScript("/jquery.PrintArea.js");
//    //alert(a);
//    };
    }
    $(document).ready(function(){
        $("#sp").toggle(
            function(){
                //$(".service_people").css("background-color","green");},
//                $(".service_people").attr("style","display:none");
//                $(".right_td").attr("style","display:none");
                $("#table3").hide();
                $(this).text('隐藏服务人员提成');
            },
            function(){
                $("#table3").show();
                $(this).html('显示服务人员提成');
                //$(".service_people").css("background-color","red");
            }

//            ,
//        function(){
//            $("body").css("background-color","yellow");}
        );
    });
    $('#sp2').click(function(){
        history.go(0);
    });
    $(document).ready(function(){
        $(".right_td").toggle(
            function(){
                var current_time = $(this).text();//当前点击时间
                var last_time = ''; //默认没有点击时间是空

                //$(".service_people").css("background-color","green");},
                $('.right_td').each(function(){
                    var other_time = $(this).text();
                    $(this).hide();
                    $('.service_people').hide();
                    if(current_time == other_time){
                        //$(this).remove();
                        last_time = current_time; //
                    }
                });
                var i = 0;
                var arr = [];
                $('.service_people .right_td').each(function(index,item){ //循环右侧的right_td
                    var other_time2 = $(this).text(); //获取循环的各个时间
                    if(current_time == other_time2){
                        //$(this).remove();
                        i++; //获得同一时间段有多少个元素
                        var cont = $(this).parent().find('td').eq(0).text();
                        $(this).parent().show(); //同一时间段各个显示
                        arr.push(index); //把选中的同一时间段 索引放入数组
//                    if(i == 1 && cont != '服务人员提成'){
//                         var str = '<td rowspan="'+i+'">服务人员提成</td>';
//                        $(this).parent().prepend(str);
//                    }
                        //if(index == 0){ //不等于0说明不是第一组 0 1一组也可能多个 但是只执行一次
//                    if(cont != '服务人员提成'){
//
//                    }

                        //}

//                    if(index != 0){
//                        var str = '<td rowspan="'+i+'">服务人员提成</td>';
//                        $(this).parent().prepend(str);
//                    }
                    }



                });
                console.log(arr);
                var ii = $.inArray(0, arr);
                if(ii == -1){ //如果不包含索引 0 就得添加 第一个td 第一个元素加一次可以了就
                    //alert(arr[0]);//第一个索引
                    var str = '<td rowspan="'+i+'">服务人员提成</td>';
                    $('.service_people').eq(arr[0]).prepend(str);

                }

            },
            function(){
//            $(".service_people").removeAttr("style");
//            $(".right_td").removeAttr("style");
//            $(this).html('显示服务人员提成');
                //$(".service_people").css("background-color","red");
            }

//            ,
//        function(){
//            $("body").css("background-color","yellow");}
        );
    });


    $("#btnPrint").click(function () {
        $(".print").printArea();
    });
    //window.onload = function () {
    //    $("#btnPrint").on('click', function () {
    //        $(".print").printArea();
    //    });
    //};


</script>
</body>
<style>
    body{text-align: center;}
    .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}
    .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}
    .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}
    .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}
    ul,li{ list-style: none;}
    li{ display: inline-block; line-height: 30px;}
</style>
</html>
<style>
    body{text-align: center;}
    .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}
    .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}
    .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}
    .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}
    ul,li{ list-style: none;}
    li{ display: inline-block; line-height: 30px;}
</style>
<!--<script>-->
<!--$(".jia_td").click(function(){-->
<!--$(".jia_add_int").show();-->
<!--$(".jia_add_int").prev().hide();-->
<!--$(".jia_add_int").focus();-->
<!--});-->
<!--$(".jia_add_int").change(function(){-->
<!--//        console.log($(this).val());-->
<!--var a = ($(this).val());-->
<!--$(this).prev().text(a);-->
<!--});-->
<!--$(".jia_add_int").blur(function () {-->
<!--$(".jia_add_int").hide();-->
<!--$(this).prev().show();-->
<!--})-->
<!--</script>-->
